<template>
<h1>下拉列表框</h1>
  <el-select style="width: 50%;" placeholder="选择心动的城市" v-model="selected">
    <el-option label="北京" value="bj"></el-option>
    <el-option label="上海" value="sh"></el-option>
    <el-option label="深圳" value="sz"></el-option>
  </el-select>
  <h4>你选择的城市是:{{ selected }}</h4>

</template>

<script setup>
import {ref} from "vue";

const selected = ref('');
</script>

<style scoped>

</style>